<template>
    <div class="flex_col card2 p10">
        <div class="flex_row_center">
            <label :style="{ color: props.color }" >年假类型:</label>
            <label :style="{ color: props.color }">{{ props.info.description }}</label>
        </div>
        <div class="flex_row_center mt5">
            <label :style="{ color: props.color }">开始时间(包含):</label>
            <label :style="{ color: props.color }">{{ props.info.begin_date }}</label>
        </div>
        <div class="flex_row_center mt5">
            <label :style="{ color: props.color }">截止时间(不含):</label>
            <label :style="{ color: props.color }">{{ props.info.end_date }}</label>
        </div>
        <div class="flex_row_center mt5">
            <label :style="{ color: props.color }">年假总天数:</label>
            <label :style="{ color: props.color }">{{ props.info.days }}</label>
        </div>
    </div>
</template>

<script setup lang="ts">
import type { HolidayPartInfo } from '@/service/api';


interface Ctx {
    info: HolidayPartInfo,
    color: string,
}

const props = defineProps<Ctx>();

</script>
